<style type="text/css">
.small { font-size:small;  }
table td.alerta {
	background-color: #FFECD7;
}
.divalerta {
	font-size:10px;	
	color:#C30;
}
</style>
<!-- START BLOCK : ERRORBLOCK -->
<fieldset class="ui-widget">
<legend style="font-weight:bold">Se encontraron errores</legend>
<ul>
<!-- START BLOCK : ERRORITEM -->
<li><span style="color:red">{error}</span></li>
<!-- END BLOCK : ERRORITEM -->
</ul>
</fieldset>
<br />
<!-- END BLOCK : ERRORBLOCK -->
<!-- START BLOCK : FORMULARIO -->
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Registro de Nuevos Usuarios - Datos Personales</legend>
<form action="{self}" method="post" id="form_trabajo" class="ui-widget" enctype="multipart/form-data">
<input type="hidden" name="id_zona" id="id_zona" value="0" />
<table id="trablaregistro">
<tr>
  <th>Nombre</th>
  <td><input type="text" id="nombre_persona" name="nombre_persona" size="30" maxlength="30" value="{nombre_persona}" placeholder="Su nombre completo" /></td>
</tr>
<tr>
  <th>Email</th>
  <td><input type="text" name="email" id="email" size="40" value="{email}" maxlength="50" placeholder="Su correo electronico" /></td>
</tr>
<tr>
  <th>Telefonos</th>
  <td><input type="text" name="telefonos" id="telefonos" size="40" value="{telefonos}" maxlength="50" placeholder="Telefonos" /></td>
</tr>
<tr>
  <th>Comentario</th>
  <td><textarea name="comentario" id="comentario" cols="40" rows="5">{comentario}</textarea></td>
</tr>
<tr>
  <th>&nbsp;</th>
  <td style="text-align:left">&nbsp;</td>
</tr>
<tr>
  <th>Curriculum Vitae</th>
  <td style="text-align:left">
    <input type="file" name="archivo">
  </td>
  </tr>
<tr>
  <th>&nbsp;</th>
  <td style="text-align:left">&nbsp;</td>
</tr>
<tr>
  <th>Codigo de la Imagen</th>
  <td style="text-align:left">
    <div style="border:1px solid #CCC; padding:4px;"><img style="cursor:pointer" src="captcha.php" border="0" id="micaptcha" align="absmiddle" />&nbsp;<input type="text" size="10" maxlength="14" name="captcha" />&nbsp;</div>
    </td>
</tr>
<tr>
  <td colspan="2">
  <input type="hidden" name="accion" value="registrarse" />
  <input type="submit" id="btn_aceptar" class="boton" value="Registrarse">
</td>
</tr>
</table>
</form>
</fieldset>
<br />
<script type="text/javascript">
$(function() {
	$("#micaptcha").click(function() {
		$("#micaptcha").attr("src","captcha.php?x=" + Math.random());
		$("input[name='captcha']").focus();
	});
	$("#form_trabajo").submit(function() {
		if($("#nombre_persona").val().esVacio()) {
			alert("Debe escribir su nombre");
			$("#nombre_persona").focus();
			return false;	
		}
		if($("#email").val().esVacio()) {
			alert("el email no puede ser vacio");
			$("#email").focus();
			return false;	
		}		
	});
});
</script>
<br />
<br />
<div id="mylog"></div>
<!-- END BLOCK : FORMULARIO -->
<!-- START BLOCK : REGISTROEXITOSO -->
<fieldset>
<legend>Confirmaci&oacute;n de registro</legend>
<p style="font-size:20px">Hemos enviado un mensaje con sus datos al administrador del sistema. Lo estaremos contactando en caso de ser necesario.</p>
</fieldset>
<br />
<a style="text-align:center" href="http://www.dondeaprendo.com/">Ir al Inicio</a>
<!-- END BLOCK : REGISTROEXITOSO -->